<header id="header">
	<h1 id="logo" class="fll mt15"><a href="index.php"><img src="img/logo.png" alt="Elinea - Design for a life time" /></a></h1>
	<section class="header-r w450 flr mt15">
        <div id="langSelector" class="w50 flr">
            <span class="selected-lang"><img src="img/quebec.png" alt="Québec" title="Québec" /></span>
            <span class="arrow"></span>
            <ul class="lang-list" style="display: none">
                <li class="lang-item"><a href=""><img src="img/ca.png" alt="Canadien" title="Canadien" /></a></li>
                <li class="lang-item"><a href=""><img src="img/fr.png" alt="Français" title="Français" /></a></li>
                <li class="lang-item"><a href=""><img src="img/eu.png" alt="European" title="European" /></a></li>
                <li class="lang-item"><a href=""><img src="img/us.png" alt="United States" title="United States" /></a></li>
            </ul>
        </div>
        
        <div id="search" class="w250 flr">
            <form id="searchForm" method="get" action="">
                <fieldset>
                    <input type="text" name="search" class="search-input input-txt fll" autocomplete="off" title="Search" />
                    <input class="search-submit fll" type="submit" value="Search" title="Search"/>
                </fieldset>
            </form>
        </div>
        <a class="my-selection" href="my-selections.php">My selections</a>           
	</section>
    <nav id="category_menu" class="category_menu">
    	<div class="menu">
            <ul class="categories">
                <li class="level0item item1" rel="1">
                    <span class="parent">Outdoor</span>
                    <div class="flyout sub_category" style="display:none;">
                        <div class="flyout-background" style="background:url(img/sub-menu-bg-01.jpg) no-repeat bottom right;">
                            <div class="ul_wrapper">
        						<div class="sub-menu-col fll">
                                	<h4>Furniture</h4>
                                    <ul class="2level items">
                                        <li class="level2item"><a href="products.php">Mix (wood/metal)</a></li>
                                        <li class="level2item"><a href="products.php">Metal</a></li>
                                        <li class="level2item"><a href="products.php">Resin Wicker</a></li>
                                        <li class="level2item">
                                        	<a href="products.php">Wood</a>
                                            <ul class="3level">
                                            	<li><a href="products.php">Acacia</a></li>
                                                <li><a href="products.php">Balau</a></li>
                                                <li><a href="products.php">Eucalyptus</a></li>
                                                <li><a href="products.php">Teak</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                                <div class="sub-menu-col fll">
                                	<h4>Pottery</h4>
                                    <ul class="2level items">
                                        <li class="level2item"><a href="products.php">Terracotta</a></li>
                                        <li class="level2item"><a href="products.php">Poly-stone</a></li>
                                        <li class="level2item"><a href="products.php">Terrazzo</a></li>
                                         <li class="level2item"><a href="products.php">Light cement</a></li>
                                        <li class="level2item"><a href="products.php">Zinc</a></li>
                                        <li class="level2item"><a href="products.php">Natural fiber</a></li>
                                         <li class="level2item"><a href="products.php">Resin wicker</a></li>
                                    </ul>
                                </div>
                                
                                <div class="sub-menu-col fll">
                                	<h4>Accessories</h4>
                                    <ul class="2level items">
                                        <li class="level2item"><a href="products.php">Tiles</a></li>
                                        <li class="level2item"><a href="products.php">Candles</a></li>
                                        <li class="level2item"><a href="products.php">Torches</a></li>
                                        <li class="level2item"><a href="products.php">Lamps</a></li>
                                    </ul>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                 </li>
                 
                 <li class="level0item item2" rel="2">
                    <span class="parent">Indoor</span>
                    <div class="flyout sub_category" style="display:none;">
                        <div class="flyout-background" style="background:url(img/sub-menu-bg-02.jpg) no-repeat bottom right;">
                            <div class="ul_wrapper">
        						<div class="sub-menu-col fll">
                                	<h4>Furniture</h4>
                                    <ul class="2level items">
                                        <li class="level2item"><a href="products.php">Wood</a></li>
                                    </ul>
                                    <h4>Pottery</h4>
                                    <ul class="2level items">
                                        <li class="level2item"><a href="products.php">Ceramics</a></li>
                                        <li class="level2item"><a href="products.php">Natural fiber</a></li>
                                        <li class="level2item"><a href="products.php">Resin wicker</a></li>
                                    </ul>
                                </div>
                                
                                
                                <div class="sub-menu-col w170 fll">
                                	<h4>Deco &amp; Accessories</h4>
                                    <ul class="2level items">
                                        <li class="level2item"><a href="products.php">Wooden pictures</a></li>
                                        <li class="level2item"><a href="products.php">Torches</a></li>
                                        <li class="level2item"><a href="products.php">Candles</a></li>
                                        <li class="level2item"><a href="products.php">Lighting (Lamps)</a></li>
                                    </ul>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                 </li>
                 
                 <li class="level0item item3" rel="3">
                    <span class="parent">Elinea Design collections</span>
                    <div class="flyout sub_category" style="display:none;">
                        <div class="flyout-background" style="background:url(img/sub-menu-bg-03.jpg) no-repeat bottom right;">
                            <div class="ul_wrapper">
        						<div class="sub-menu-col fll">
                                    <h4><a href="ed-collections.php">Furniture</a></h4>
                                    <h4><a href="ed-collections.php">Pottery</a></h4>
                                    <h4><a href="ed-collections.php">Deco</a></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                 </li>
                 
                 <li class="level0item item4" rel="4">
                    <span class="parent">Best sellers</span>
                    <div class="flyout sub_category" style="display:none;">
                        <div class="flyout-background" style="background:url(img/sub-menu-bg-04.jpg) no-repeat bottom left;">
                            <div class="ul_wrapper">
        						<div class="sub-menu-col flr">
                                    <h4><a href="best-sellers.php">Furniture</a></h4>
                                    <h4><a href="best-sellers.php">Pottery</a></h4>
                                    <h4><a href="best-sellers.php">Deco</a></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                 </li>
                 
                 <li class="level0item item5" rel="5">
                    <span class="parent">Promotions</span>
                    <div class="flyout sub_category" style="display:none;">
                        <div class="flyout-background" style="background:url(img/sub-menu-bg-05.jpg) no-repeat bottom left;">
                            <div class="ul_wrapper">
        						<div class="sub-menu-col flr">
                                    <h4><a href="promotions.php">Furniture</a></h4>
                                    <h4><a href="promotions.php">Pottery</a></h4>
                                    <h4><a href="promotions.php">Deco</a></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                 </li>
                 
            </ul>
        </div>
    </nav>
</header><!--header-->